<template>
  <transition name="slide" v-if="showaa">
    <div class="arealist">
      <div class="part_one">
        <p class="title">订单详情</p>
        <div class="part_one_fir">
          <p>订单号：{{item.orderNo}}</p>
          <p>{{item.orderName}}</p>
        </div>
        <div class="part_one_sec">
          <p>订单金额：<span class="redclolr">￥{{item.orderAmount}}</span></p>
          <p>出发城市：{{item.setOff}}</p>
          <p>出发时间：{{item.startDate}}</p>
          <p>归来时间：{{item.endDate}}</p>
          <p>出游人数：{{item.peoplenumber}}</p>
        </div>
      </div>
      <div class="part_one">
        <p class="title">机票信息</p>
        <div class="part_one_fir">
          <p class="placeDesc"><span class="span-icon">去</span>{{item.startDate}}丨{{item.setOff}}-{{item.destination}}
          </p>
          <div class="flex">
            <div>
              <p class="time">{{item.tickets.go.time}}</p>
              <p class="timePlace">{{item.tickets.go.place}}</p>
            </div>
            <i class="icon_child"></i>
            <div>
              <p class="time">{{item.tickets.go.arrivetime}}</p>
              <p class="timePlace">{{item.tickets.go.arrivePlace}}</p>
            </div>
          </div>
          <p class="flight text-center">{{item.tickets.go.flight}}</p>
        </div>
        <div class="part_one_sec">
          <p class="placeDesc"><span class="span-icon">返</span>{{item.endDate}}丨{{item.destination}}-{{item.setOff}}</p>
          <div class="flex">
            <div>
              <p class="time">{{item.tickets.arrive.time}}</p>
              <p class="timePlace">{{item.tickets.arrive.place}}</p>
            </div>
            <i class="icon_child"></i>
            <div>
              <p class="time">{{item.tickets.arrive.arrivetime}}</p>
              <p class="timePlace">{{item.tickets.arrive.arrivePlace}}</p>
            </div>
          </div>
          <p class="flight text-center">{{item.tickets.arrive.flight}}</p>
        </div>
      </div>
      <div class="part_one">
        <p class="title">身份信息</p>
        <div class="part_one_fir" v-for="(people, key2) in item.peoples">
          <p>姓名：{{people.name}}</p>
          <p>手机号：{{people.tel}}</p>
          <p>身份证：{{people.identify}}</p>
        </div>
      </div>
      <div class="part_one">
        <p class="title">备注</p>
      </div>
    </div>
  </transition>
</template>
<script>
  export default({
    props: {
      item: {},
      isshow: false
    },
    data () {
      return {
        showaa: false
      }
    },
    computed: {
      showFun () {
        this.showaa = this.isshow
        alert(this.showaa)
      }
    },
    methods: {
      hideSlider () {
        this.$emit('hideSlider')
      }
    },
    components: {}
  })
</script>
